<template>
	<div class="topContainer">
		<div class="Logo">医药行业文章发布系统</div>
		<div>
			<el-button class="dlm"  icon="el-icon-s-tools" type="text"><span class="nn">{{ sysuser.UserName }}</span></el-button>
			<el-button class="dlmt" icon="el-icon-delete" type="text">退出</el-button>
		</div>
	</div>
</template>

<script>
export default {
	name: 'top',
	data() {
		return {
			sysuser: JSON.parse(sessionStorage.getItem('sysuser'))
		};
	}
};
</script>

<style>
.topContainer {
	display: flex;
	justify-content: space-between;
}
.topContainer .Logo {
	text-align: left;
	font-size: 30px;
}
.nn{
	font-size: 10px;
}
	.dlm span{

		font-size: 20px;
	}
	.dlmt{
		font-size: 20px;
	}
</style>
